<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>当当图书榜</title>
		<link rel="icon" href="img1/favicon.ico" />
		<style>
			*{margin: 0px;padding: 0px;}
			body{width: 100%;font-size: 12px;font-family: verdana,宋体;}
			.box{width:960px; margin:0 auto;/*background-color: yellow;*/
			height: 48px;line-height: 48px;margin-top: 6px;position: relative;}
			.clearfix:after{display: table;
			content: "";
			clear: both;}
			.fl{float: left;}
			.fr{float: right;}
			li{list-style: none;margin-left: 16px;height: 30px;line-height: 30px;}
			.topyou{width:250px;height: 30px;background-color: #eafffa;
			position: absolute;bottom: 0px;right: 0px;}
			.txt{text-align: center; border: 1px solid #b4ecde;box-sizing: border-box;}
			.ze{position: absolute;bottom: 4px;right: 190px;z-index: 1;}
			.nav{width:960px; margin:0 auto;
			background:url(img1/menuBg.jpg)  repeat-x;margin-top: 8px;}
		    .nav .txt1 li a{color: white;text-decoration: none;}
		    .nav .txt1 li{/*background-color: red;*/padding-right: 16px;}
		    /*.txt1{background-color: #1EC0FF;}*/
		    .logo{height: 48px;}
		    .img1{width: 960px;margin:0 auto;margin-top: 10px;}
		 .zhu{width: 960px;margin:0 auto;height: 360px;
		    margin-top: 20px;border:1px solid #cae9a3;
		    position: relative;}
		    .img2{position:absolute;left: -13px;top:20px;}
		    .shu{/*background-color: #1EC0FF;*/width: 100%;
		    position: relative;margin-top: 100px;}
		    .shuimg img:nth-of-type(2){position: absolute;left: 36px;top:-4px;}
		    .hang{line-height: 27px;}
		    .shutxt{position: absolute;left: 250px;}
		    .shutxt2{width:380px ;/*background-color: yellow;*/}
		    .shutxt3{width:380px ;/*background-color: red;*/}
		    .ul1{width: 380px;}
		    .x{position: relative;/*background-color: yellow;*/margin-left: 0px; }
		    .xx img:nth-of-type(2){position: absolute;left: 0px; top: -6px;}
		    .ed{position: relative;}
		    .ed1{position: absolute;left: 80px;top: -30px;line-height: 27px;}
		    .er{position: relative;}
		    .er img:nth-of-type(1){position: absolute;left: -115px; top: 103px;}
		    .er img:nth-of-type(2){position: absolute;left: -115px; top: 103px;}
		    .rr{position: relative;}
		    .rr1{position: absolute;left: 81px; top: 103px;line-height: 27px;}
		    .fot{width: 960px;margin: 0 auto;
		    line-height: 48px;height: 48px;padding-left: 280px;color: #999;}
		    .red{font-weight: bold;color: darkred;}
		    .hui{color: #666;margin-left: 10px;}
		    .hang a{text-decoration: none;color: #1a66b3;font-size: 13px;}
		    .hang a:hover{color: red;}
		    .ed1 a:hover{color: red;}
		    .rr1 a:hover{color: red;}
		    .ed1  a{text-decoration: none;color: #1a66b3;font-size: 13px;}
		    .rr1 a{text-decoration: none;color: #1a66b3;font-size: 13px;}
		    .nav .txt1 li a:hover{text-decoration: underline;}
		</style>
	</head>
	<body>
		<div class="box clearfix">
			<div class="logo fl"><img src="img1/logo.jpg"/></div>
			<div class="ze fl"><img src="img1/icon_count.png"/></div>
			<div class="topyou fr">
				<ul class="txt clearfix">
					<li class="fl">尾品汇</li>
					<li class="fl">当当优品</li>
					<li class="fl">数字馆</li>
					<li class="fl">都看阅器</li>
				</ul>
			</div>
		</div>
		<div class="nav clearfix">
			<ul class="txt1 fl  clearfix">
				<li class="fl"><a href="#">首页</a></li>
				<li class="fl"><a href="#">图书</a></li>
				<li class="fl"><a href="#">音像</a></li>
				<li class="fl"><a href="#">童装</a> </li>
				<li class="fl"><a href="#">服装</a></li>
				<li class="fl"><a href="#">鞋靴</a> </li>
				<li class="fl"><a href="#">运动</a></li>
				<li class="fl"><a href="#">箱包</a></li>
				<li class="fl"><a href="#">美妆</a></li>
				<li class="fl"><a href="#">珠宝</a></li>
				<li class="fl"><a href="#">家居</a></li>
				<li class="fl"><a href="#">食品</a></li>
				<li class="fl"><a href="#">酒</a></li>
				<li class="fl"><a href="#">手机</a></li>
				<li class="fl"><a href="#">数码</a></li>
				<li class="fl"><a href="#">电脑</a> </li>
				<li class="fl"><a href="#">家电</a></li>
			</ul>
		</div>
		<div class="img1">
			<img src="img1/banner.png"/>
		</div>
		<div class="zhu clearfix">
			<div class="img2">
				<img src="img1/bg_bang.gif"/>
			</div>
			<ul class="shu fl clearfix">
				<li class="shuimg fl">
					<img src="img1/book-01.jpg"/>
					<img src="img1/bookNo1.gif"/>
				</li>
				<li class="shutxt fl ">
					<div class="hang"><a href="#">偷影子的人</a></div>
					<div class="hang">作 者：[法] 马克·李维（Marc Levy）著,段韵灵 译</div>
					<div class="hang">出版社：湖南文艺出版社</div>
					<div class="hang">当当价：<span class="red">￥ 17.90</span></div>
					<div class="hang">不知道姓氏的克蕾儿。这就是你在我生命里的角色，<br/>
						我童年时的小女孩，今日蜕变成了女人，一段青梅竹<br/>
						马的回忆，一个时间之神没有应允的愿望。 一个老是<br/>
						受班上同学欺负的瘦弱小男孩，因为拥有一种特殊能<br/>
						力而强大：他能“偷别人的影子”，因而能看见他</div>
				</li>
				<li class="shutxt2 fr">
					<ul class="shutxt3 ">
						<li>
							<ul class="ul1">
								
								<li class="x clearfix">
									<div class=" xx fl">
									<img src="img1/book-02.jpg"/>
									<img src="img1/bookNo2.gif" />
									</div>
								</li>
								<li class="ed clearfix">
									<div class=" ed1 fl">
										<a href="#">看见(央视知名记者、主持人柴静：十年个人<br/>
										成长的告白，中国社会变迁的备忘</a><br/>
										作 者：柴静 著<br/>
										出版社：广西师范大学出版社<br/>
										<span class="red">￥ 29.40</span> <span class="hui">7.4折</span>
									</div>
								</li>
							</ul>
						</li>
						<li>
							<ul class=" ul1 clearfix">
								<li class=" er fl">
									<img src="img1/book-03.jpg"/>
									<img src="img1/bookNo3.gif" />
								</li>
								<li class=" rr clearfix" >
									<div class=" rr1 fl">
										<a href="#">改变孩子先改变自己</a><br/>
										作 者：贾容韬 贾毅 著<br/>
										出版社：作家出版社<br/>
										<span class="red">￥ 22.20</span> <span class="hui">7.4折</span>
									</div>
								</li>
							</ul>
						</li>
					</ul>
					
				</li>
			</ul>
			
		</div>
		<div class="fot clearfix">
			
            <div class="fottxt1 fl">
            	Copyright (C) 当当网 2004-2017, All Rights Reserved
            </div>
            <div class="imgfot fl">
            	<img src="img1/validate.gif"/>
            </div>
            <div class="fottxt1 fl">
                       京ICP证041189号出版物经营许可证 新出发京批字第直0673号
             </div>          
		</div>
	</body>
</html>
